<template>
  <div class="">
    <h2>回收站组件</h2>
    <ul class="list">
      <li
        v-for="item in $store.state.data"
        :key="item.id"
        v-show="item.status == 2"
      >
        {{ item.id }}.
        {{ item.title }}
        <el-button type="success" size="small" @click="item.status = 1"
          >还原</el-button
        >
      </li>
    </ul>
    <el-button type="success" size="small" @click="all0">全部未读</el-button>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  mounted() {},
  methods: {
    all0() {
      this.$store.commit("all0");
    },
  },
  components: {},
};
</script>

<style lang="scss">

</style>
